﻿<phone:PhoneApplicationPage 
    x:Class="CivilleWP7.Views.Pages.PanoramaPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ourcontrols="clr-namespace:CivilleWP7.Views.Controls"
    xmlns:tile="clr-namespace:ScottIsAFool.Controls;assembly=TileSlider"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">
    <phone:PhoneApplicationPage.Resources>
        <Style TargetType="ContentControl" x:Key="HintCustomStyle">
            <Setter Property="FontFamily" Value="Calibri"/>
            <Setter Property="Foreground" Value="{StaticResource PhoneSubtleBrush}"/>
            <Setter Property="FontSize" Value="26"/>
        </Style>
    </phone:PhoneApplicationPage.Resources>
    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot">
        <controls:Panorama Name="MainPagePanorama" Title="civille">
            <!--Panorama item one-->
            <controls:PanoramaItem Name="TasksPanoramaItem">
                <controls:PanoramaItem.Header>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="{Binding ElementName=TasksGrid, Path=ActualWidth}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="57*" />
                            <ColumnDefinition Width="40*" />
                            <ColumnDefinition Width="3*" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="tasks" Grid.Column="0" />
                        <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                            <Image Name="TaskRefreshImage" VerticalAlignment="Center" Tap="Refresh_Image_Tap"/>
                            <Image Name="TaskSearchImage" VerticalAlignment="Center" Tap="Image_Tap_1"/>
                        </StackPanel>
                    </Grid>
                </controls:PanoramaItem.Header>
                <Grid Name="TasksGrid">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40*" />
                        <RowDefinition Height="40*" />
                        <RowDefinition Height="20*" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5,5,12.5,12.5" Grid.Row="0" Grid.Column="0"/>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="12.5,5,5,12.5" Grid.Row="0" Grid.Column="1"/>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5,12.5,12.5,5" Grid.Row="1" Grid.Column="0"/>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl4" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="12.5,12.5,5,5" Grid.Row="1" Grid.Column="1"/>
                </Grid>
            </controls:PanoramaItem>

            <!--Panorama item two-->
            <controls:PanoramaItem>
                <controls:PanoramaItem.Header>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="{Binding ElementName=TasksGrid, Path=ActualWidth}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="57*" />
                            <ColumnDefinition Width="40*" />
                            <ColumnDefinition Width="3*" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text=" " Grid.Column="0" />
                        <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                            <Image Name="Task2RefreshImage" VerticalAlignment="Center" Tap="Task2RefreshImage_Tap"/>
                            <Image Name="Task2SearchImage" VerticalAlignment="Center" Tap="Task2SearchImage_Tap"/>
                        </StackPanel>
                    </Grid>
                </controls:PanoramaItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40*" />
                        <RowDefinition Height="40*" />
                        <RowDefinition Height="20*" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5,5,12.5,12.5" Grid.Row="0" Grid.Column="0"/>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl6" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="12.5,5,5,12.5" Grid.Row="0" Grid.Column="1"/>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl7" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5,12.5,12.5,5" Grid.Row="1" Grid.Column="0"/>
                    <ourcontrols:TaskTileControl x:Name="TaskTileControl8" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="12.5,12.5,5,5" Grid.Row="1" Grid.Column="1"/>
                    <TextBlock Name="TasksMoreTextBlock" Text="more" Grid.Row="2" Grid.Column="0" HorizontalAlignment="Center" FontSize="50" Tap="TasksMoreTextBlock_Tap"/>
                    <TextBlock Name="NearMeTextBlock" Text="near me" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Center" FontSize="50" Tap="NearMeTextBlock_Tap"/>
                </Grid>
            </controls:PanoramaItem>

            <!--Panorama item three-->
            <controls:PanoramaItem>
                <controls:PanoramaItem.Header>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="{Binding ElementName=TasksGrid, Path=ActualWidth}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="57*" />
                            <ColumnDefinition Width="40*" />
                            <ColumnDefinition Width="3*" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="me" Grid.Column="0" />
                        <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                            <Image Name="MeRefreshImage" VerticalAlignment="Center"/>
                            <Image Name="MeLogoutImage" VerticalAlignment="Center" Tap="MeLogoutImage_Tap" />
                        </StackPanel>
                    </Grid>
                </controls:PanoramaItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="29*" />
                        <RowDefinition Height="17*" />
                        <RowDefinition Height="17*" />
                        <RowDefinition Height="17*" />
                        <RowDefinition Height="20*" />
                    </Grid.RowDefinitions>
                    <TextBlock Name="MeMoreTextBlock" Text="more" Grid.Row="5" Grid.Column="0" HorizontalAlignment="Center" FontSize="50" Tap="MeMoreTextBlock_Tap"/>
                    <ourcontrols:LeaderboardTileControl x:Name="FirstLeaderControl" Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0,2,0,2" />
                    <ourcontrols:LeaderboardTileControl x:Name="SecondLeaderControl" Grid.Row="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0,2,0,2" />
                    <ourcontrols:LeaderboardTileControl x:Name="ThirdLeaderControl" Grid.Row="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0,2,0,2" />
                    <StackPanel Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Tap="MeTileControl_Tap">
                        <ourcontrols:UserLevel x:Name="UserLevelControl" />
                        <TextBlock Name="CarbonTasksTxt" Text="" HorizontalAlignment="Center" />
                    </StackPanel>
                </Grid>
            </controls:PanoramaItem>

            <!--Panorama item four-->
            <controls:PanoramaItem>
                <controls:PanoramaItem.Header>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="{Binding ElementName=TasksGrid, Path=ActualWidth}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="57*" />
                            <ColumnDefinition Width="40*" />
                            <ColumnDefinition Width="3*" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="friends" Grid.Column="0" />
                        <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                            <Image Name="FriendsRefreshImage" VerticalAlignment="Center"/>
                            <Image Name="FriendsSearchImage" VerticalAlignment="Center" Tap="Image_Tap_2"/>
                        </StackPanel>
                    </Grid>
                </controls:PanoramaItem.Header>
                <Grid Name="FriendsGrid">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="26*" />
                        <RowDefinition Height="26*" />
                        <RowDefinition Height="26*" />
                        <RowDefinition Height="20*" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="33*" />
                        <ColumnDefinition Width="33*" />
                        <ColumnDefinition Width="33*" />
                    </Grid.ColumnDefinitions>
                    <tile:TileSlider Name="TileSlider0" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Grid.ColumnSpan="2" LongText="Current status: #4" TextStyle="{StaticResource PhoneTextLargeStyle}" TileBackground="{StaticResource PhoneAccentBrush}" 
                        Size="270" Opacity="0" Margin="0,5,0,5" TextSlidesFrom="Top" Text="Johny Do Good" ImageSource="/CivilleWP7;component/Resources/Images/User-icon.png" Tap="TileSlider5_Tap"/>
                    <Button Name="AddFriendButton1" BorderBrush="{StaticResource PhoneAccentBrush}" Foreground="{StaticResource PhoneAccentBrush}" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Grid.ColumnSpan="2" Content="Add friend" Tap="AddFriendButton1_Tap" />
                    <tile:TileSlider Name="TileSlider1" Grid.Row="0" Grid.Column="2" LongText="Current status: #4" TextStyle="{StaticResource PhoneTextLargeStyle}" TileBackground="{StaticResource PhoneAccentBrush}" 
                        Size="130" Opacity="0" Margin="0,5,0,5" TextSlidesFrom="Top" Text="Johny Do Good" ImageSource="/CivilleWP7;component/Resources/Images/User-icon.png" Tap="TileSlider5_Tap"/>
                    <Button Name="AddFriendButton2" BorderBrush="{StaticResource PhoneAccentBrush}" Foreground="{StaticResource PhoneAccentBrush}" Grid.Row="0" Grid.Column="2" Content="+" Tap="AddFriendButton1_Tap" />
                    <tile:TileSlider Name="TileSlider2" Grid.Row="2" Grid.Column="0" LongText="Current status: #4" TextStyle="{StaticResource PhoneTextLargeStyle}" TileBackground="{StaticResource PhoneAccentBrush}" 
                        Size="130" Opacity="0" Margin="0,5,0,5" TextSlidesFrom="Top" Text="Johny Do Good" ImageSource="/CivilleWP7;component/Resources/Images/User-icon.png" Tap="TileSlider5_Tap"/>
                    <Button Name="AddFriendButton3" BorderBrush="{StaticResource PhoneAccentBrush}" Foreground="{StaticResource PhoneAccentBrush}" Grid.Row="2" Grid.Column="0" Content="+" Tap="AddFriendButton1_Tap"/>
                    <tile:TileSlider Name="TileSlider3" Grid.Row="2" Grid.Column="1" LongText="Current status: #4" TextStyle="{StaticResource PhoneTextLargeStyle}" TileBackground="{StaticResource PhoneAccentBrush}" 
                        Size="130" Opacity="0" Margin="0,5,0,5" TextSlidesFrom="Top" Text="Johny Do Good" ImageSource="/CivilleWP7;component/Resources/Images/User-icon.png" Tap="TileSlider5_Tap"/>
                    <Button Name="AddFriendButton4" BorderBrush="{StaticResource PhoneAccentBrush}" Foreground="{StaticResource PhoneAccentBrush}" Grid.Row="2" Grid.Column="1" Content="+" Tap="AddFriendButton1_Tap"/>
                    <tile:TileSlider Name="TileSlider4" Grid.Row="2" Grid.Column="2" LongText="Current status: #4" TextStyle="{StaticResource PhoneTextLargeStyle}" TileBackground="{StaticResource PhoneAccentBrush}" 
                        Size="130" Opacity="0" Margin="0,5,0,5" TextSlidesFrom="Top" Text="Johny Do Good" ImageSource="/CivilleWP7;component/Resources/Images/User-icon.png" Tap="TileSlider5_Tap"/>
                    <Button Name="AddFriendButton5" BorderBrush="{StaticResource PhoneAccentBrush}" Foreground="{StaticResource PhoneAccentBrush}" Grid.Row="2" Grid.Column="2" Content="+" Tap="AddFriendButton1_Tap"/>
                    <tile:TileSlider Name="TileSlider5" Grid.Row="1" Grid.Column="2" LongText="Current status: #4" TextStyle="{StaticResource PhoneTextLargeStyle}" TileBackground="{StaticResource PhoneAccentBrush}" 
                        Size="130" Opacity="0" Margin="0,5,0,5" TextSlidesFrom="Top" Text="Johny Do Good"  ImageSource="/CivilleWP7;component/Resources/Images/User-icon.png" Tap="TileSlider5_Tap"/>
                    <Button Name="AddFriendButton6" BorderBrush="{StaticResource PhoneAccentBrush}" Foreground="{StaticResource PhoneAccentBrush}" Grid.Row="1" Grid.Column="2" Content="+" Tap="AddFriendButton1_Tap"/>
                    <TextBlock Name="FriendsMoreTextBlock" Text="more" Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="3" HorizontalAlignment="Center" FontSize="50" Tap="FriendsMoreTextBlock_Tap"/>
                </Grid>
            </controls:PanoramaItem>

            <!--Panorama item five-->
            <controls:PanoramaItem>
                <controls:PanoramaItem.Header>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="{Binding ElementName=TasksGrid, Path=ActualWidth}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="57*" />
                            <ColumnDefinition Width="40*" />
                            <ColumnDefinition Width="3*" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="explore" Grid.Column="0" />
                        <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                            <Image Name="IntroButton" VerticalAlignment="Center" Tap="Intro_Tap"/>
                        </StackPanel>
                    </Grid>
                </controls:PanoramaItem.Header>
                <Grid Name="ExploreGrid">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="16*" />
                        <RowDefinition Height="32.5*" />
                        <RowDefinition Height="32.5*" />
                        <RowDefinition Height="19*" />
                    </Grid.RowDefinitions>

                    <toolkit:PhoneTextBox BorderBrush="{StaticResource PhoneAccentBrush}" HintStyle="{StaticResource HintCustomStyle}" KeyDown="SearchTextBox_KeyDown" Name="SearchTextBox" Hint="Search by name or description" Grid.Row="0" Background="Transparent"/>
                    <Image Name="ExploreSearchImage" Grid.Row="0" Grid.ColumnSpan="2" HorizontalAlignment="Right" Tap="Image_Tap"/>
                </Grid>
            </controls:PanoramaItem>

        </controls:Panorama>   
            
        <controls:Panorama Name="Intro" Visibility="Collapsed">
            <controls:Panorama.Background>
                <ImageBrush ImageSource="/Resources/Intro/steps.png"/>
            </controls:Panorama.Background>
                <controls:PanoramaItem>
                    <Grid>
                        
                    </Grid>
                </controls:PanoramaItem>

                <!--Pivot item two-->
                <controls:PanoramaItem>
                    <Grid>
                        
                    </Grid>
                </controls:PanoramaItem>
                <controls:PanoramaItem>
                    <Grid>

                    </Grid>
                </controls:PanoramaItem>
                <controls:PanoramaItem>
                    <Grid>

                    </Grid>
                </controls:PanoramaItem>

            <controls:PanoramaItem>
                <Grid>

                </Grid>
            </controls:PanoramaItem>
            <controls:PanoramaItem>
                <Grid>

                </Grid>
            </controls:PanoramaItem>
            <controls:PanoramaItem>
                <Grid>

                </Grid>
            </controls:PanoramaItem>
            <controls:PanoramaItem>
                <Grid>

                </Grid>
            </controls:PanoramaItem>
            <controls:PanoramaItem>
                <Grid>
                    <Button Name="Start" Content="Start Civille!" HorizontalAlignment="Center" VerticalAlignment="Bottom" Background="Transparent" Foreground="#72cee9" Margin="0,0,0,20" BorderBrush="#72cee9" Tap="Start_Tap"/>
                </Grid>
            </controls:PanoramaItem>
        </controls:Panorama>
        </Grid>
    

    <!--Panorama-based applications should not show an ApplicationBar-->

</phone:PhoneApplicationPage>
